.el-input {

  &.el-input--small {
    font-size: 0.875rem;
    .el-input__inner {
      height: 2.125rem;
      line-height: 2.125rem;
    }
  }

  &.header-search {
    width: unset;
    .el-input__inner {
      border: none;
      border-top-left-radius: 1.875rem;
      border-bottom-left-radius: 1.875rem;
      background-color: #F4F4F5;
      transition: width .3s;
      width: 200px;
    }
    .el-input-group__append {
      border: none;
      border-top-right-radius: 1.875rem;
      border-bottom-right-radius: 1.875rem;
      background-color: #F4F4F5;
      padding-left: 12px;
      padding-right: 19px;
      font-size: 16px;
      overflow: hidden;

      .el-button { padding: 12px 12px; }
    }
  }
  &.header-search.be-longer .el-input__inner {
    width: 300px;
  }
}

.el-autocomplete.full { width: 100%; }

textarea.bilibili,
.el-textarea.bilibili textarea {
  background-color: #f5f7fa;

  &:hover, &:active, &:focus {
    background-color: #fff;
  }
}
